{extend name="layout"}
{block name="body"}
    <section class="wld-content">

      
        <div class="con_box layui-form" style="padding: 32px 40px 100px 40px;">
			<p style="font-size: 18px;font-weight: 600;">社保服务值明细</p>
			<div class="con_table " style="padding-top: 26px;">
				
				<table  class="layui-table table-all table-color" lay-skin="nob" data-export-name="table">
					
                    <colgroup>
                   
                        <col width="568">
						<col width="168">
						<col width="168">
						<col width="168">
						<col width="304">
						
					  </colgroup>
					  <thead>
						<tr>
                            <th>服务名称</th>
							<th class="text-center">使用次数</th>
							<th class="text-center">退回次数</th>
						    <th class="text-center">剩余次数</th>            
						</tr> 
						
					  </thead>
					  
					  <tbody>
					  	{foreach $list as $key=>$value}
						<tr>
                          <td>{$value['title']}</td>
						  <td class="text-center on" data-title="服务次数使用详情"  data-title-type="jy" data-modal='{:url("index/service/detail")}?type=2&service_id={$value["service_id"]}'>{$value['used']}</td>
						  <td class="text-center on " data-title="退回次数明细" data-title-type="jy" data-modal='{:url("index/service/detail")}?type=3&service_id={$value["service_id"]}' >{$value['back']}</td>
						  <td class="text-center">{$value['surplus']}</td>
                        
						</tr>
					  	{/foreach}
						           
                     </tbody>
				</table>
			
	    
                
            </div>

		</div>
    </section>
{/block}
{block name='script'}
<script>
 $(document).ready(function(){
	$(".con_tag_con").on("click","li",function(){
		var name=$(this).text();
		$('.con_tag_title span em').text(name);
	
		$(".seachType").val($(this).data("val"))
		$(".con_tag_con").removeClass('bounceInRight').addClass('bounceOutRight')
		$(".title-seach i").click();
		// setTimeout(function(){$(".con_tag_con").hide() }, 500);
	})
 })
</script>
<style>
    .table-color tr th:last-child{
        padding-right: 15px !important;
    }
    .table-color tr td:last-child{
        padding-right: 15px !important;
	}
	table .on{
		color: #61cad7 !important ;
		cursor: pointer;
	}
</style>
{/block}

